.login {
  height: 100vh;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  // background: linear-gradient(90deg, #e5de6a, #c6e871, #9ff183, #85f6a2, #6ef9bf, #5ffbda, #5ffbf1);
  background-size: 400% 400%;
  animation: gradientBG 15s ease infinite;
  font-family: Arial, sans-serif;
  text-align: center;
  color: #ffffff;
  .form{
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
  }
}
@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
